<script setup>
</script>

<template>
  <div class="tabbar">
    <RouterView />
    <van-tabbar route>
      <van-tabbar-item replace to="/home/index" icon="home-o">首页</van-tabbar-item>
      <van-tabbar-item replace to="/home/bbt" icon="fire-o">爆爆团</van-tabbar-item>
      <van-tabbar-item replace to="/" icon="label-o">订单</van-tabbar-item>
      <van-tabbar-item replace to="/" icon="manager-o">我的</van-tabbar-item>
    </van-tabbar>
  </div>
</template>
<style scoped>
.nav {
  position: fixed;
  bottom: 0;
  width: 100%;
  display: flex;
  justify-content: space-around;
  background-color: white;
  height: 40px;
  line-height: 40px;
}
a {
  display: inline-block;
  color: black;
  text-decoration: none;
}
a.active {
  color: red;
}
</style>
